<template>
    <a-card
    id="sqlResult"
    title="执行结果"
    :extra="RESULT_STATUS_INFO_MAP[Result.resultStatus]"
    :bordered="false"
    style="max-height: 420px; overflow-y: auto"
  >
  
  <div v-if="Result.MsgStatus">
    <SqlResultTable ></SqlResultTable>
  </div>
  <div v-else class="msg">❌ 语句错误：{{ Result.Msg }}</div>
</a-card>
</template>
<script setup>
import { RESULT_STATUS_INFO_MAP } from "../common/result"
import SqlResultTable from "./SqlResultTable.vue"
import { useResultStore } from '@/stores/counter'
const Result = useResultStore()
</script>
<style scoped>
.msg{
  margin: 16px;
}
</style>
  